.detail-page {
	font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    .info-list {
        padding: 0 px2rem(40px);
    }
    .info-title  {
        height: px2rem(20px);
        background: #F6F6F6;
    }
    .header-info {
        padding: px2rem(40px);
        background: rgb(49, 49, 49);
        img {
            width: px2rem(212px);
            height: px2rem(289px);
        }
        .header-text {
            position: absolute;
            top: px2rem(40px);
            right: px2rem(40px);
            bottom: px2rem(40px);
            left: px2rem(280px);
            color: #FFFFFF;
            font-size: px2rem(36px);

            .name {
                font-size: px2rem(36px);
                height: px2rem(152px);
                line-height: px2rem(38px);
            }
            .price {
                font-size: px2rem(30px);
                height: px2rem(23px);
                line-height: px2rem(23px);
                margin-top: px2rem(39px);
            }
            .perform-type {
                display: inline-block;
                font-size: px2rem(20px);
                width: auto;
                height: px2rem(19px);
                line-height: px2rem(19px);
                padding: px2rem(6px) px2rem(10px);
                color: #28B778;
                border: px2rem(1px) solid #28B778;
                border-radius: px2rem(4px);
                margin-top: px2rem(37px);
            }
        }
    }
    .time-address {
        padding: px2rem(40px);
        color: #666666;
         
        .time-address-item {
            height: px2rem(35px);
            line-height: px2rem(35px);
            icon {
                display: inline-block;
                vertical-align: middle;
                width: px2rem(35px);
                height: px2rem(35px);
                background: url('images/approval/time.png') no-repeat no-repeat center center;
                background-size: 100% 100%;
                margin-right: px2rem(14px);
            }
            icon.address {
                width: px2rem(33px);
                height: px2rem(40px);
                background: url('images/approval/address.png') no-repeat no-repeat center center;
                background-size: 100% 100%;
            }
            .text {
                display: inline-block;
                vertical-align: middle;
                font-size: px2rem(30px);
            }
            &.address-item {
                margin-top: px2rem(40px);
            }
        }   
    }
    .people-info {
        padding: 0;
        margin: px2rem(40px);
        white-space: nowrap;
        font-size: 0;

        .ui-mobile-panel-body {
            font-size: 0;
        }
        .info-item {
            display: inline-block;
            vertical-align: middle;
            width: px2rem(214px);
            padding-bottom: px2rem(10px);
            margin: px2rem(7px);
            text-align: center;

            img {
                width: px2rem(214px);
                height: px2rem(214px);
            }
            .name {
                font-size: px2rem(26px);
                color: #333333;
                height: px2rem(26px);
                line-height: px2rem(26px);
                margin-top: px2rem(35px);
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            .type {
                font-size: px2rem(20px);
                color: #999999;
                height: px2rem(20px);
                line-height: px2rem(20px);
                margin-top: px2rem(10px);
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
        }
    }
    .introduction-info {
        overflow: auto;
        font-size: initial;
    }
    .introduction-title,
    .ticket-title {
        font-size: px2rem(36px);
        height: px2rem(35px);
        line-height: px2rem(35px);
        color: #333333;
        padding: px2rem(60px) px2rem(40px);
    }
    .ticket-title {
        padding-bottom: px2rem(20px);
    }
}